<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>div</div>
	</body>
	<script type="text/javascript">
		var div = document.querySelector("div");
		div.onclick = function(event){
			// 1. event就是一个事件对象，写到我们侦听函数的小括号里，当形参来看
			// 2. 事件对象有了事件才会存在，是系统自动创建的，我们不需要自己传递参数
			// 3. 事件对象 是我们事件的一系列相关数据的集合，跟事件相关的。
			// 比如鼠标点击就包含了鼠标的相关信息，比如鼠标坐标
			//键盘事件就包括了键盘事件的信息，比如判断用户按下了哪个键
			// 4. 事件对象可以自己命名，如event, evt, e
			console.log(event);
			//event.target 点击了哪个元素，就返回哪个元素
			//this 绑定了哪个元素，就返回哪个元素
			console.log(event.target);
		}
		
		//这里和上面等价
		// div.addEventListener("click",function(e){
		// 	console.log(e);
		// })
	</script>
</html>
